<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8" />
	<title>Document</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<link rel="stylesheet" href="commonCSS/commonInitialize.css" />
	<link rel="stylesheet" href="commonCSS/htmlFontSize.css" />
	<link rel="stylesheet" href="commonCSS/commonDisplayFlex.css" />
	<link rel="stylesheet" href="commonCSS/bottomFixedList.css" />
	<link rel="stylesheet" href="commonCSS/div-loading1.css" />
	<link rel="stylesheet" href="indexCss/scrollToTopAnimation.css" />
	<link rel="stylesheet" href="secureCenterCSS/secureCenter.css" />
	
</head>
<body>
	<!--动画效果的div元素-->
	<div class="hide-loading">
		<div></div>
		<div></div>
		<div></div>
		<div></div>
		<div></div>
	</div>
	<script src="indexJs/hideLoadingDiv-before.js"></script>
	<!--动画加载区域结束end-->		
	<!--header 区域开始 start-->
	<header id="secure-header">
		<div id="secure-portrait">
			<img src="userCenterImg/d15ffb9c-1b1e-4cb7-90e0-952427dd934d.png" alt="" />
			<strong>
				欢迎来到交易猫安全中心！
			</strong>
		</div>
		<div id="freeze-div">
			<ul class="display-flex flex-justify-space-between flex-align-items-start">
				<li class="freeze-li" id="secure-accusation">
					<a href="">
						<div>
							<img src="indexImg/bb712d01-6c11-4376-b813-e8e57ba11c14.jpg" alt="" />
						</div>
						<div>
							我要举报
						</div>
					</a>
				</li>
				<li class="freeze-li" id="secure-search-violate">
					<a href="">
						<div>
							<img src="indexImg/bb712d01-6c11-4376-b813-e8e57ba11c14.jpg" alt="" />
						</div>
						<div>
							违规记录查询
						</div>
					</a>
				</li>
				<li class="freeze-li" id="secure-customer-service-validate">
					<a href="">
						<div>
							<img src="indexImg/bb712d01-6c11-4376-b813-e8e57ba11c14.jpg" alt="" />
						</div>
						<div>
							客服验证
						</div>
					</a>
				</li>
			</ul>
		</div>
		
	</header>
	<!--header 区域结束 end-->
	<!--nav 区域开始 start-->
	<nav id="secure-nav">
		<div id="secure-center">
			<h3>
				举报中心
			</h3>
			<ul class="display-flex flex-justify-space-between flex-align-items-start">
				<li class="freeze-li">
					<a href="">
						<div>
							<img src="indexImg/bb712d01-6c11-4376-b813-e8e57ba11c14.jpg" alt="" />
						</div>
						<div>
							担保交易防骗指南
						</div>
					</a>
				</li>
				<li class="freeze-li">
					<a href="">
						<div>
							<img src="indexImg/bb712d01-6c11-4376-b813-e8e57ba11c14.jpg" alt="" />
						</div>
						<div>
							谨防假客服诈骗
						</div>
					</a>
				</li>
				<li class="freeze-li">
					<a href="">
						<div>
							<img src="indexImg/bb712d01-6c11-4376-b813-e8e57ba11c14.jpg" alt="" />
						</div>
						<div>
							聊聊防骗指南
						</div>
					</a>
				</li>
			</ul>
		</div>
	</nav>
	<!--nav 区域结束 end-->
	<!--section 区域开始 start-->
	<section id="secure-section">
		<div>
			<h3>
				曝光台
			</h3>
		</div>
		<!--各个新闻信息列表的开始 start-->
		<div id="secure-violate-exposure">
			<ul>
				<li>
					<a href="" class="display-flex flex-justify-space-between flex-align-items-center">
						<div>
							<strong>
								【无一生还】交易猫正义铁锤下的违法交易者
							</strong>
							
						</div>
						<div> &gt; &gt; </div>
					</a>
				</li>
				<li>
					<a href="" class="display-flex flex-justify-space-between flex-align-items-center">
						<div>
							<strong>
								【找回入狱】邵某找回天龙八部账号，获刑10个月
							</strong>
						</div>
						<div> &gt; &gt; </div>
					</a>
				</li>
				<li>
					<a href="" class="display-flex flex-justify-space-between flex-align-items-center">
						<div>
							<strong>
								【大理寺发布】交易猫平台协助警方破获诈骗案
							</strong>
							
						</div>
						<div> &gt; &gt; </div>
					</a>
				</li>
				<li>
					<a href="" class="display-flex flex-justify-space-between flex-align-items-center">
						<div>
							<strong>
								【大理寺发布】合伙找回游戏账号，赔钱后双双入狱
							</strong>
						</div>
						<div> &gt; &gt; </div>
					</a>
				</li>
				<li>
					<a href="" class="display-flex flex-justify-space-between flex-align-items-center">
						<div>
							<strong>
								2020年4月广东苏某欺诈丁某交易猫验证码，被捕
							</strong>
						</div>
						<div> &gt; &gt; </div>
					</a>
				</li>
				<li>
					<a href="" class="display-flex flex-justify-space-between flex-align-items-center">
						<div>
							<strong>
								2018年甘肃曹某男友找回账号，被罚本金及违约金
							</strong>
						</div>
						<div> &gt; &gt; </div>
					</a>
				</li>
			</ul>
		</div>
		<div id="other-tips-div">
			
			<h3>其他问题</h3>
			<ul id="other-tips-ul">
				<li class="display-flex flex-wrap flex-justify-start flex-align-items-start">
					<a href="">我被骗了怎么办</a>
					<a href="">送你几招保护个人信息</a>
					<a href="">账号被找回了怎么办</a>
					<a href="">我的账号怎么被限制了？</a>
				</li>
			</ul>
			<div id="to-accuse-and-find-account">
				<a href="">
					<h3>我要举报诈骗/找回行为</h3>
				</a>
			</div>
		</div>
		
	</section>
	<footer>
		<!--关于页面底部的5个排列盒子的结构设计-->
		<div id="bottom-fixed">
			<div>
				<ul id="bottom-fixed-ul">
					<li>
						<a href="javascript:;">
							<span id="backTop01" title="to the top of this page">&#9650;</span>
							<span id="bottom" title="to the bottom of this page">&#9660;</span>
						</a>
					</li>
					<li>
						<a href="index.html">
							Main Page
						</a>
					</li>
					<li>
						<a href="shopping.html">
							Buy
						</a>
					</li>
					
					<li>
						<a href="userMessage.html">
							Message
						</a>
					</li>
					<li>
						<a href="userCenter.html">
							Mine
						</a>
					</li>
				</ul>
			</div>
		</div>
		<!--
			rocket-animation-div-area，点击回到顶部时出现-火箭上升运动的动画效果
			记得引入相关的
			css文件：<link rel="stylesheet" href="indexCss/scrollToTopAnimation.css" />
			和
			js文件：<script src="indexJs/scrollToTopAnimation.js"></script>
		-->
		<div id="fixedPicture">
			<img width="10vw" height="auto" src="indexImg/火箭01.png" alt="火箭--回到顶部" />
		</div>
	</footer>
	<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
	<script type="text/javascript">
		jQuery.noConflict();
		jQuery(function($) {
			$("#backTop01").click(function() {
				$("html").stop(true).animate(
					{
						scrollTop: 0
					},
					"slow", "swing"
				);
			});
			$("#bottom").click(function() {
				$("html").stop(true).animate(
					{
						scrollTop: $("html").get(0).offsetHeight
					},
					"slow", "swing"
				);
			});
		});
		
		/*let se = document.getElementById("bottom");
		se.addEventListener("click", function() {
			let htmlEle = document.documentElement.scrollTop;
			let clientH = document.documentElement.clientHeight;
			if(htmlEle < (document.documentElement.offsetHeight - clientH)) {
				let set = null;
				clearInterval(set);
				let unitScroll = htmlEle / 10;
				set = setInterval(function() {
					htmlEle = document.documentElement.scrollTop || document.body.scrollTop;
					unitScroll = (document.documentElement.offsetHeight - htmlEle) / 20 + 1;
					window.scrollTo(0, htmlEle + unitScroll);
					if(htmlEle >= (document.documentElement.offsetHeight - clientH)) {
						clearInterval(set);
					}
					
				}, 20);
				window.addEventListener("wheel" || "mousewheel" || "touchstart", function() {
					clearInterval(set);
					console.table(888);
				});
				return;
			}
			
			
			
		});*/
	</script>
	<!--动画加载效果在页面完全加载好后才消失-->
	<script src="indexJs/hideLoadingDiv-after.js"></script>
</body>
</html>